import React from 'react'
import { Panel, PanelHeader,PanelBody, Flex, FlexItem } from 'react-weui'
import Item from './ColumnItem'

export default class ColumnConcent extends React.Component {
	constructor(props) {
		super(props)
	}
	render() {
		const products = [{
            url: 'https://gd4.alicdn.com/imgextra/i4/0/TB1SiXWLpXXXXX_XVXXXXXXXXXX_!!0-item_pic.jpg',
            title: '迪尔马奇 2015秋冬新品风衣立领廓形太空棉潮男中长款大衣M15539',
            price: 210.00,
            selled: 120 ,
		}, {
            url: 'https://gd4.alicdn.com/imgextra/i4/641272022/TB2i_Z1cvSM.eBjSZFNXXbgYpXa_!!641272022.jpg',
            title: '几立|挺好~复古深卡其纯棉夹克斜纹立领外套插肩袖简约上衣',
            price: '248.50',
            selled: 230,
		}, {
            url: 'https://gd1.alicdn.com/imgextra/i1/355582195/TB2nTAFXhvzQeBjSZFMXXcVfFXa_!!355582195.jpg',
            title: 'GeenTeed秋季新款小清新简单拼色宽松落肩袖连帽青少年卫衣男套头',
            price: 88.00,
            selled: 300,
		}, {
            url: 'https://gd3.alicdn.com/imgextra/i3/10550225/TB29cU5XR8lpuFjy0FnXXcZyXXa_!!10550225.jpg',
            title: 'JS家 欧美冬季新款系腰带圆环双排扣夹棉呢子大衣毛呢外套女',
            price:297.00,
            selled: 100,
		}, {
            url: 'https://gd1.alicdn.com/imgextra/i1/50454948/TB2Dvqld9iJ.eBjSspfXXbBKFXa_!!50454948.jpg',
            title: '梅子熟了 2016冬新款 文艺复古绣花外套中长款加厚保暖毛呢大衣女',
            price: 318.00,
            selled: 250,
		}];
		return (
            <Panel>
                    <PanelHeader>
                        <h3 style={{
                        	borderLeft: '3px orange solid',
                        	paddingLeft: '3px'

                        }}>{this.props.column}</h3>
                    </PanelHeader>
                    <PanelBody className="product-block">
                     {
                     	products.map((product, i) => {
                     		return (
                                <Item key={i} index={i} product={product} storeId={this.props.storeId}/>
                     		);
                     	})
                     }
                    </PanelBody>
                </Panel>
		);
	}
}
